.gao{
    height: 50px;
}
.yuan{
    width: 100px;
    height: 100px;
    background-color: rgba(113,228,250,1);
    border-radius: 100px;
    border: 40px solid;
}

.lianxi{
    width: 0px;
    height: 0px;
    border: 80px solid transparent;
    border-bottom-color:sandybrown;
    border-top-color:red;
    border-left-color: rebeccapurple;
    border-radius: 80px;  /*无此句，则为三角形*/
}

/*第三*/
.disan {
    width:0;
    height:0;
    border-left:50px solid transparent;
    border-right:50px solid transparent;
    border-bottom:50px solid darkred;
    border-top: 50px solid slategray;
    }
     
/*第四*/
/*箭头向上*/
.disi-shang {
        width:0;
        height:0;
        border: 50px rebeccapurple solid;
        transform: rotate(45deg);
        border-top-color: aqua;
        border-left-color: aqua;
        }


/*第五*/
.diwu {
    width:0;
    height:0;
    border-left:50px solid transparent;
    border-right:50px solid transparent;
    border-bottom:50px solid darkred;
    border-top: 50px solid slategray;
   }
/*第六*/
.diliu {
    width:0;
    height:0;
    border: 50px rebeccapurple solid;
    transform: rotate(45deg);
    border-top-color: aqua;
    border-left-color: aqua;
    margin-top: 42px;
}

/*  这个代码是练习
    .diliu-xia {
    width:0;
    height:0;
    border-left:60px solid transparent;
    border-right:60px solid transparent;
    border-top:60px solid #0066cc;
    }*/
/*第七*/
.diqi {
    width:0;
    height:0;
    border-left:50px solid transparent;
    border-right:50px solid transparent;
    border-bottom:50px solid darkred;
    border-top: 50px solid slategray;
    float: left;
    }
/*第八*/
.diba {
    float: left;
    width:0;
    height:0;
    border-left:80px solid transparent;
    border-right:80px solid transparent;
    border-bottom: 80px solid sandybrown;
}
.diba-huanhang {
    float: left;
    width:0;
    height:0;
    border-left:80px solid transparent;
    border-right:80px solid transparent;
    border-bottom: 80px solid sandybrown;
    margin-top: 80px;
    margin-left: -240px;
}
     